
// import Login from "./components/Login";
// import Reg from "./components/Reg";
 
  import Handle from "./components/Handle";

import QrcodeLogin from "./components/QrcodeLogin";
import PassLogin from "./components/PassLogin";
import { useState } from "react";
function App(){

  // let title="hello world";

  const [type,setType]=useState(true);
  const [img,setImg]=useState("http://web.quanjiu.net/care/ldq/img/qrCode.DzFlVpaZ.png");
  const changeType=()=>{
  
    setImg(!type ? "http://web.quanjiu.net/care/ldq/img/qrCode.DzFlVpaZ.png" : "")
    setType(!type);

  }

  return (
    <div>
    
      {/* <div>
        {title}
      </div>
      我的第一个 react项目 */}
      {/* <Login></Login>
      <Reg></Reg> */}
     <Handle></Handle>

      <div>

         <div><img onClick={changeType} src={img} /></div>

         <div>

          {
            type ?  <PassLogin></PassLogin> :  <QrcodeLogin></QrcodeLogin>
          }
 
         </div>

         
      </div>
  
    </div>
  )

}
export default App;